@import '../../styles/var.scss';

.m-action-sheet {
  background-color: $background-color-base;
  z-index: 1000; // 确保显示在 HoverButton (z-index: 9) 之上

  &-view {
    display: flex;
    align-items: center;
  }

  &-content {
    background-color: #fff;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
  }

  &-options {
    max-height: 60vh;
    overflow-y: auto;
  }

  &-option {
    height: 96px;

    display: flex;
    justify-content: center;
    align-items: center;

    font-family: PingFangSC-Regular;
    font-size: 32px;
    color: #000000;
    text-align: center;
    line-height: 48px;
    font-weight: 400;
    background: #fff;
    &:not(:last-child) {
      border-bottom: 2px solid #e0e0e0;
    }
    cursor: pointer;
    transition: background-color 0.2s;

    &:active {
      background-color: #f5f5f5;
    }

    &:last-child {
      border-bottom: none;
    }

    &--danger {
      .m-action-sheet-option-text {
        color: $color-danger;
      }
    }

    &--disabled {
      opacity: 0.5;
      cursor: not-allowed;

      &:active {
        background-color: transparent;
      }
    }
  }

  &-option-text {
    font-size: $font-size-large;
    color: $text-color-base;
    line-height: 1.4;
    text-align: center;
  }

  &-option-desc {
    font-size: $font-size-small;
    color: $text-color-inverse;
    line-height: 1.2;
    margin-top: 4px;
    text-align: center;
  }

  &-cancel {
    height: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-top: 8px solid #f5f5f5;
    cursor: pointer;
    transition: background-color 0.2s;

    &:active {
      background-color: #f5f5f5;
    }
  }

  &-cancel-text {
    font-size: $font-size-large;
    color: $text-color-base;
    line-height: 1.4;
  }
}
